(function($){


$.config = {
    // 路由功能开关过滤器，返回 false 表示当前点击链接不使用路由
    routerFilter: function($link) {
        // 某个区域的 a 链接不想使用路由功能
        if ($link.is('.disable-router a')) {
            return false;//取消路由
        }

        return true;//返回ture让a链接实现路由
    }
};




$('.social').bind('click',function(){
	$.router.load('#index');
  })
$('.pulish').bind('click',function(){
	//tap手机设备
	var uid = localStorage.getItem('uid');
	if(uid>0){
		$.router.load('#pulish'); //打开发布页面
	
	}else{
		$.confirm('您未登陆，请登陆后操作',
		function(){
			$.router.load('#login');
		},
		function(){
			//不操作
		})
	}
	



});
$('.we').bind('click',function(){
	var uid = localStorage.getItem('uid');
	if(uid>0){
		//打开个人主页
		updataUser();
		$.router.load('#we');
	
	}else{
		//打开登录页
		$.router.load('#login');
	}
	
	
	  })
$('.register').bind('click',function(){
	$.router.load('#register');
  })
$('.back').bind('click',function(){
    //tap手机设备
//  $.router.load('#index'); //打开发布页面
history.go(-1); //后退
})
$('.back1').bind('click',function(){
	//tap手机设备
  //  $.router.load('#index'); //打开发布页面
  $.router.load('#login');//后退
  })
//切换主题cookie
$('.theme').bind('click',function(){
	//设置cooki过期时间
	var d = new Date();
	d.setTime(d.getTime()+(8*3600*1000)+30*1000);


	$.modal({
		title:  '请选择主题',
		buttons: [
		  {
			text: '蓝色主题',
			onClick: function() {
				//设置蓝色
			 document.cookie='color=#3386ff;expires='+d.toGMTString();
			 document.cookie='name=绿色'
			 $('#index .head').css('background','#3386ff');
			 $.toast('已更换为蓝色');
			}
		  },
		  {
			text: '绿色主题',
			onClick: function() {
				//设置绿色
				document.cookie='color=#14d965;expires='+d.toGMTString();
				$('#index .head').css('background','#14d965');
				$.toast('已更换为绿色');
			}
		  }
		]
	  })
  });
//we本地缓存
$('.wedata').bind('click',function(){
	$.router.load('#wedata');
  })
  //点击注销
$('.zhuxiao').bind('click',function(){
	$.confirm('请问你是要注销吗?',
	function () {
		localStorage.removeItem('name');
		localStorage.removeItem('photo');
		localStorage.removeItem('uid');
		$.router.load('#login');
	},
	function () {
	
	}
  );
	

  })


  function updataUser(name){
		var name = localStorage.getItem('name');
		var photo = localStorage.getItem('photo');
		$('#we .photo').attr('src',photo!='null'?'./uploads/'+photo:'./');
		$('#we .name').html(name);
		$('#we .dyn span').html(2);
		$('#we .fans span').html(1);
	}
	updataUser();//可以刷新时更新数据




function getcookie(name){

//刷新页面，获取所记录的cookie
var cook = document.cookie;
//数据格式转换字符转换数组
cook =  cook.split(';');
for(var k in cook){
	str = $.trim(cook[k]);
	arr = str.split('=');
	cook[k]= arr;
	if(arr[0]==name){
		return arr[1];
	}
}
}
var color = getcookie('color');
console.log(color);
if(color!=''){//颜色不为空
	$('#index .head').css('background',color);

}





//选择器
$('.city-picker').cityPicker({
    toolbarTemplate: `<header class="bar bar-nav">
    <button class="button button-link pull-right close-picker">确定</button>
    <h1 class="title">选择收货地址</h1>
    </header>`,
   

});
$('.sex-picker').picker({
    toolbarTemplate: `<header class="bar bar-nav">
    <button class="button button-link pull-right close-picker">确定</button>
    <h1 class="title">请选择性别</h1>
    </header>`,
    cols: [
		{
		  textAlign: 'center',
		  values: ['男', '女']
		}
	  ]

});


//分享的操作
//on绑定可以动态绑定，可以原先没有的
//bind必须原先就有的元素才能绑定
$(document).on('click','.share', function () {
    var buttons1 = [
      {
        text: '请选择',
        label: true
      },
      {
        text: '分享到微信',
        bold: true,
        // color: 'danger',
        onClick: function() {
          $.alert("你分享到了微信");
        }
      },
      {
        text: '分享到QQ',
        onClick: function() {
          $.alert("你分享到了QQ");
        }
      }
    ];
    var buttons2 = [
      {
        text: '取消',
        bg: 'danger'
      }
    ];
    var groups = [buttons1, buttons2];
    $.actions(groups);
});

$.init();//上拉加载，初始化插件

	// 图片上传
	// $(document).on('click','.imgFileUploade .header span.imgClick',function(){
	// 	$('.imgFiles').click();	//没有加的话，原本要双击+才能上传
	// });
	$(document).on('change','#pulish .imgFiles',function(){	// 给file元素加改变事件
		$.showIndicator();	// 显示迷你指示器
		
	})
	var imgFile = new ImgUploadeFiles('#pulish .show_img',function(e){
		this.init({
			MAX : 3, //限制个数
			MH : 5800, //像素限制高度
			MW : 5900, //像素限制宽度
			callback : function(arr){
				$.hideIndicator();	// 隐藏迷你指示器
				// 回调
				// console.log(arr);
				// console.log(arr[0].src)		// base64文本（其实就是图片的内容）
				var id = arr[0].delId - 1;
				var src = arr[0].src;
				var textarea = document.createElement('textarea');
				textarea.setAttribute('name','pic'+id);
				textarea.className = 'picimg';
				textarea.value = src;
				$('#pub').append(textarea);
			}
		});
	});



	//头像上传
	$(document).on('click','#tou',function(){
		$('#wedata .imgFileUploade .header span.imgClick').click();
	
	})

	$(document).on('change','#wedata .imgFiles',function(){	// 给file元素加改变事件
		$.showIndicator();	// 显示迷你指示器
	});
	var imgFile = new ImgUploadeFiles('#wedata .show_img',function(e){
		this.init({
			MAX : 3, //限制个数
			MH : 5800, //像素限制高度
			MW : 5900, //像素限制宽度
			callback : function(arr){
				$.hideIndicator();	// 隐藏迷你指示器
				$('#tou .icon-me').hide();
				var id = arr[0].delId - 1;
				var src = arr[0].src;
				var textarea = document.createElement('textarea');
				textarea.setAttribute('name','photo'+id);
				textarea.className = 'photoimg';
				textarea.value = src;
				$('#xiu').append(textarea);
			}
		});
	});


	

	        // 上拉加载
	        var loading = false;

        	// 最多可加载的条目
      		var maxItems = 10000000;

      		// 每次加载添加多少条目
      		var itemsPerLoad = 3;

      		// 页码
      		var pn = 1;

      		// 追加数据
      		function addItems(number, lastIndex) {
      			// console.log(1)
      			// ajax异步请求数据，追加
      			// 数据请求
				$.ajax({
					url: 'http://wd1900144.pro.wdcase.com/jiaoyou_sui/api/dynamic.php',
					type: 'post',
					data: {
						pn: pn,
						size: itemsPerLoad,
						act: 'list',
						uid: localStorage.getItem('uid')
						// touid: localStorage.getItem('touid')
						//列表加载数据(缓存)

					},
		        	timeout:15000,	//最长请求时间：15秒
		        	dataType: 'json',
		        	beforeSend: function(){
		        		// $.showIndicator();	// 迷你指示器
		        	},
					success: function(res){
						pn++;
						var data = res.data;	// 是一个js数组
					
						if(data.length==0){
							    // 加载完毕，则注销无限加载事件，以防不必要的加载
								$.detachInfiniteScroll($('.infinite-scroll'));
								// 删除加载提示符
								$('.infinite-scroll-preloader').html('我是有底线的...').css('color','#999');
								return;
						}
						// 加载数据
						var str = '';
						var uid = localStorage.getItem('uid');
						var noshow,unfocus,fname,photo,pic,fc;
						for(var k in data){	
							console.log(data[k]);
						noshow = data[k].uid==uid?'noshow':'';
						unfocus = data[k].gz==1?'unfocus':'';
						fname = data[k].gz==1?'已关注':'+关注';
						photo = data[k].photo!=null?'uploads/'+data[k].photo:'images/photo.png';
						console.log(data[k].descs);

						// photo = data[k].photo!=null?data[k].photo:'images/';
							str += ` 
								<div class="card facebook-card">	
									<div class="card-header no-border">
										<div class="facebook-avatar"><img src="${photo}" width="40" height="40"></div>
										<div class="facebook-name uname">${data[k].nickname}</div>
										<div class="facebook-date date">${data[k].addtime}</div>
										<span class="focus ${noshow} ${unfocus}" touid="1" uid="${data[k].uid}">${fname}</span>
										<div class="desc">${data[k].mood}</div>
										<div class="show-img">`;

										pic = data[k].pic;
										for(var kkk in pic){
											str += '<img src="uploads/'+pic[kkk]+'" alt="" data-preview-src="" data-preview-group="'+(k+1)+'" style="width:74px; height: 74px;"> ';
										}

										fc = data[k].zan==1?'fc':'';

										str += `</div>
										<div class="pos">
											<img src="images/pos.png" alt="" class="pull-left">
											${data[k].pos}
										</div>
										<div class="tag">`;

										var tag = data[k].tag;
										for(var kk in tag){
											str += '<span>'+tag[kk]+'</span> ';
										}
											// <span>冰川景色</span>
											// <span>探险游</span>
											// <span>七日游</span>
										str += `</div>
									</div>
									<div class="card-footer no-border control">
										<a href="#" class="link share"><img src="images/share.png" alt="">分享</a>
										<a href="#" class="link"><img src="images/com.png" alt="">评论30</a>
										<a href="#" class="link zan ${fc}" did="${data[k].did}"><img src="images/zan.png" alt="">点赞<span>${data[k].zannum}</span></a>
									</div>
								</div>`;
						}

						// 添加新条目
						$('.index-content .list-block .list-container').append(str);
					},
					error: function(){
						// 超时、或者请求失败执行的结果
					},
					complete: function(){
						// setTimeout(function(){
						// 	$.hideIndicator();	// 迷你指示器
						// },1000);
					}
				});
      		}

      		//预先加载3条
  			addItems(itemsPerLoad, 0);

      		// 上次加载的序号
      		var lastIndex = 3;
      		// 注册'infinite'事件(滚动事件)处理函数
			$(document).on('infinite', '.infinite-scroll-bottom',function() {					
			  // 如果正在加载，则退出
			  if (loading) return;
			  // 设置flag
			  loading = true;			
			  // 模拟1s的加载过程
			  setTimeout(function() {
			      // 重置加载flag
			      loading = false;

				   

			    //   if (lastIndex >= maxItems) {
			      	
			    //       // 加载完毕，则注销无限加载事件，以防不必要的加载
			    //       $.detachInfiniteScroll($('.infinite-scroll'));
			    //       // 删除加载提示符
			    //       $('.infinite-scroll-preloader').remove();
			    //       return;
			    //   }

			      // 添加新条目
			      addItems(itemsPerLoad, lastIndex);
			      // 更新最后加载的序号
			      lastIndex = $('.list-container .facebook-card').length;
			      //容器发生改变,如果是js滚动，需要刷新滚动
			      $.refreshScroller();
			  }, 1000);
			});


		

		
		

		



})(Zepto);



(function($){		



    $('.camera').click(function(){
        $('.selffile').click();
    })





	$('.tag span').click(function(){
	var s = $(this).attr('status');
	$(this).attr('status',s==0?1:0);
	$(this).toggleClass('active');
// addClass()
//jq写跨域获取地理位置
$.ajax({
	url:'http://ip.taobao.com/service/getIpInfo.php?ip=120.236.217.94',
	type:'post',
	data:'',
	dataType:'jsonp',
	
	success:function(res){
		console.log(res);
	},
	error:function(){
		alert(1);
	}

})

})




})(jQuery);